$(function () {
    //全选按钮功能实现
    $('.checkall').change(function () {
        $('.j-checkbox,.checkall').prop('checked', $(this).prop('checked'))
        load()
    })
    //小按钮功能实现
    $('.j-checkbox').change(function () {
        if ($('.j-checkbox:checked').length === $('.j-checkbox').length) {
            $('.checkall').prop('checked', true)
        } else {
            $('.checkall').prop('checked', false)
        }
        load()
    })
    //购物车加减功能
    $('.decrement,.increment').on('click', function () {
        let val = $(this).siblings('.itxt').val()
        if ($(this).hasClass('increment')) {
            val++
        } else {
            if (val <= 1) return
            val--
        }
        $(this).siblings('.itxt').val(val)
        xiaoji($(this))
        load()
    })
})

//小计模块
$(function () {
    window.xiaoji = function ($danqian) {
        const $xiaoji = $danqian.closest('.cart-item').find('.p-sum')
        let num = $danqian.closest('.cart-item').find('.itxt').val()
        let price = $danqian.closest('.cart-item').find('.p-price').text().slice(1)
        let jieguo = (num * price).toFixed(2)
        $xiaoji.text(`￥${jieguo}`)
    }
})

//总数模块
$(function () {
    window.load = function load() {
        const $num = $('.j-checkbox:checked').parents('.cart-item').find('.itxt')
        let totaNum = 0
        const numArr = Array.from($num)
        // for (const [i, num] of numArr.entries()) {
        //     totaNum += Number($(num).val())
        // }
        totaNum = numArr.reduce((totaNum, item) => {
            return totaNum += parseInt($(item).val())
        }, 0)
        $('.amount-sum em').text(totaNum)
    }
})

//改变框框事件
$(function () {
    $('.itxt').on('input', function () {
        let val = $(this).val()
        let newVal = parseInt(val.replace(/[\D]/g, ''))
        newVal = (isNaN(newVal)) || (newVal < 1) ? 1 : newVal
        $(this).val(newVal)
        xiaoji($(this))
    })
})

$(function () {
    //勾删
    const $clickDele = $('.remove-batch')
    $clickDele.on('click', function () {
        const $del = $('.j-checkbox:checked').parents('.cart-item')
        $del.remove()
        load()
    })

    //全删
    const $clickAll = $('.clear-all')
    $clickAll.on('click', function () {
        $('.cart-item-list').html('')
        load()
    })

    //清空购物车

})